﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>操作界面及功能介绍</title>
    <script src="CY-help.js" type="text/javascript"></script>
    <link href="page.css" rel="stylesheet" type="text/css" />
   
</head>
<body style="padding-bottom:50px;">
   <div id="wrapper" style="margin-top:20px" class="clearfix">
    <div id="header" style="padding:20px 20px 10px">
             <h2>帮助和使用说明</h2>
        </div>
        <div id="main">
            <div id="sidebar">
               <ul id="nav">
                   <li><a href="help_directory.html">总说明 </a></li>
                   <li><a href="help_interfaceAndFunction.html">操作界面及功能介绍</a></li>
                   <li><a href="help_keyboard.html">键盘控制说明</a></li>
                   <li><a href="help_comments.html">意见和问题反馈</a></li>
                </ul>
            </div>
            <div id="content">
                <h3 class="page-title">操作界面及功能介绍</h3>                 
                <p class="passsge">
                    了解信息无障碍辅助系统操作界面功能布局以及界面各个区域的所表示的意义。</p>
                <h3 class="page-title" style="margin-top:20px">初始界面</h3>
                <p style="margin:15px 0px"><img src="images/jiemian.jpg" title="初始界面样式" width="560px" /></p>
                <p class="passsge">
                    上图为初始界面样式。无障碍操作面板功能分为如下区域：</p>
                <p class="passsge">
                    系统操作功能区1，包括首页、 帮助、退出等功能</p>
                <p class="passsge">
                    系统操作功能区2，包括后退、前进、刷新等功能；</p>
                <p class="passsge">
                    浏览基础功能区3，包括光标辅助、纯文本、 字体放大缩小功能</p>
                <p class="passsge">
                    视力辅助功能区4，页面换色、页面放大缩小功能</p>
                <p class="passsge">
                    视力辅助功能区5,包括朗读功能开关、音量调节、语速调节、朗读模式功能</p>
                <p class="passsge">
                    朗读功能区6，包括显示屏开关、全屏页面功能</p>
                <h3 class="page-title" style="margin-top:20px">功能样式说明</h3>
                <p class="passsge">
                    信息无障碍辅助系统界面的功能以便于理解的图标按钮形式存在，并在对应图标下方标注功能文字说明：
                </p>
                <p class="passsge" style="text-align: center">
                    <img src="images/anniuyangshi.jpg" title="首页按钮" />
                </p>
                <p class="passsge">
                    操作界面的按钮用直观的不同状态样式来区分不可用、可用、触摸、已开启等不同状态：
                </p>
                <p class="passsge" style="text-align: center">
                    <img src="images/anniuzhuangtai0.jpg"  />
                </p>
              </div>
            <div style="clear:both;"></div>
         </div>
      </div>     
    </body>
</html>
